<template>
  <div>
    <h6 class="list_title">
      <img src="@/assets/images/shu_03.jpg" alt />
      <span>施工人员概览</span>
    </h6>
    <div class="table_builders">
      <ul class="s_thead cl">
        <li class="thead_li thead_li1">姓名</li>
        <li class="thead_li thead_li1">联系方式</li>
        <li class="thead_li">位置</li>
        <li class="thead_li">父项目名称</li>
        <li class="thead_li">子项目名称</li>
      </ul>
      <ul class="s_tbody cl">
        <li class="tbody_li tbody_li1">名字</li>
        <li class="tbody_li tbody_li1">13000110011</li>
        <li class="tbody_li tbody_li2">湖北省恩施市某某想某某镇</li>
        <li class="tbody_li">父项目名称</li>
        <li class="tbody_li">子项目名称</li>
      </ul>
      <ul class="s_tbody cl">
        <li class="tbody_li tbody_li1">名字</li>
        <li class="tbody_li tbody_li1">13000110011</li>
        <li class="tbody_li tbody_li2">湖北省恩施市某某想某某镇</li>
        <li class="tbody_li">父项目名称</li>
        <li class="tbody_li">子项目名称</li>
      </ul>
      <ul class="s_tbody cl">
        <li class="tbody_li tbody_li1">名字</li>
        <li class="tbody_li tbody_li1">13000110011</li>
        <li class="tbody_li tbody_li2">湖北省恩施市某某想某某镇</li>
        <li class="tbody_li">父项目名称</li>
        <li class="tbody_li">子项目名称</li>
      </ul>
      <ul class="s_tbody cl">
        <li class="tbody_li tbody_li1">名字</li>
        <li class="tbody_li tbody_li1">13000110011</li>
        <li class="tbody_li tbody_li2">湖北省恩施市某某想某某镇</li>
        <li class="tbody_li">父项目名称</li>
        <li class="tbody_li">子项目名称</li>
      </ul>
      <ul class="s_tbody cl">
        <li class="tbody_li tbody_li1">名字</li>
        <li class="tbody_li tbody_li1">13000110011</li>
        <li class="tbody_li tbody_li2">湖北省恩施市某某想某某镇</li>
        <li class="tbody_li">父项目名称</li>
        <li class="tbody_li">子项目名称</li>
      </ul>
    </div>
    <div class="fenye" style="padding-left:70px">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-sizes="[10, 20, 30, 40]"
        :page-size="100"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
      ></el-pagination>
    </div>
  </div>
</template>

<style lang="scss" scoped>
@import "@/style/epidemicrisk/alllist.scss";
@import "@/style/epidemicrisk/list_builders.scss";
</style>

<script>
export default {
  data() {
    return {
      currentPage: 1
    };
  },
  methods: {
    handleSizeChange(val) {
      window.console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      window.console.log(`当前页: ${val}`);
    }
  }
};
</script>
